:root {
  /* 主要颜色 */
  --primary-color: #1890ff;
  --primary-bg-color: #ffffff;
  --secondary-bg-color: #f5f5f5;
  --tertiary-bg-color: #e8e8e8;

  /* 文字颜色 */
  --text-primary-color: #333333;
  --text-secondary-color: #666666;
  --text-disabled-color: #999999;

  /* 边框颜色 */
  --border-color: #e0e0e0;
  --border-light-color: #eeeeee;

  /* 功能色 */
  --success-color: #52c41a;
  --warning-color: #faad14;
  --error-color: #f5222d;
  --info-color: #1890ff;

  /* 阴影 */
  --box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);

  /* 其他常用颜色 */
  --hover-color: #f0f0f0;
  --active-color: #e6f7ff;
  --disabled-bg-color: #f5f5f5;

  /* 选中状态颜色 - 应该与背景形成鲜明对比 */
  --selected-bg-color: #e6f7ff;
  --selected-text-color: #1890ff;
}

/* 主题应用示例类 */
.light-theme {
  background-color: var(--primary-bg-color);
  color: var(--text-primary-color);
}
